<template>
    <div id="home">

        <!-- 轮播 -->
        <div id="home-top">
            <Swiper />
            <Tag />
        </div>

        <!-- 全民砍价 -->
        <Bargain/>

        <!-- 精选专题 -->
        <Topic />

        <!-- 人气推荐 -->
        <Recommend />

        <div class="bottom"></div>
      
    </div>
</template>

<script>
import Swiper from '../components/home/Swiper';
import Tag from '../components/home/Tag';
import Bargain from '../components/home/Bargain';   // 全民砍价
import Topic from '../components/home/Topic';   // 精选专题
import Recommend from '../components/home/Recommend';   // 人气推荐

export default {
    components:{
        Swiper,
        Tag,
        Bargain,
        Topic,
        Recommend,
    },
    data() {
        return {
           
        }
    },
}
</script>

<style lang="scss">
#home{
    width: 100%;
    height: 100%;
    background-color: #F5F5F5;
    font-size: 0.33rem;
    #home-top{
        width:100%;
        position: relative;
    }
    .bottom{
        width:100%;
        height:1.4rem;
    }
}
</style>